<!-- 前台店长 – 首页 – 课程管理 – 课程列表				curriculum -->
<template>
	<view class="warps">
		<view class="bgfc f_x senter">
			<view :class="DC==0?'col':''" style="width: 50%;" @click="DCs(0)">
				课程列表
			</view>
			<view :class="DC==1?'col':''" style="width: 50%;" @click="DCs(1)">
				排课
			</view>
			<view :class="DC==2?'col':''" style="width: 50%;" @click="DCs(2)">
				约课
			</view>
			<view :class="DC==3?'col':''" style="width: 50%;" @click="DCs(3)">
				评价
			</view>
		</view>
		
		<view class="p_t_40" v-for="(item,index) in listsa" :key="index"  v-show="DC==0">
			<view class="w90 f b">
				<view>
					<image style="width:156rpx;height: 156rpx;margin-top:10rpx;" src="../../../static/img/015.png" mode=""></image>
				</view>
				<view class="vw65 f d">
					<text class="fs28 bold">课程名称课程名称课程名称</text>
					<view class="p_t_10">
						<text class="fs16 hui p_t_10">累计销售123</text>
						<text class="fs16 hui p_t_10 p_l_60">累计销售123</text>
					</view>
					<view class="p_t_10">
						<text class="fs16 hui p_t_10">累计销售123</text>
					</view>
					<view class="f b p_t_10">
						<view class="">
							<text class="hui fs16"></text>
						</view>
						<view class=" bold">
							价格价格
						</view>
					</view>
				</view>
			</view>
			<view class="quanxian"></view>
			<view class="w90 f b c">
				<view class="vw60 f b c">
					<view class="curriculum-buta lan senter fs24" @click="a">
						<text>查看</text>
					</view>
					<view class="curriculum-buta cheng senter fs24" @click="a1">
						<text>修改</text>
					</view>
					<view class="curriculum-buta hong senter fs24" @click="a2">
						<text>停用</text>
					</view>
				</view>
				<view>
					<text>更多</text>
				</view>
			</view>
		</view>
		<view class="" v-show="DC==1">
			<view class="Members-biaoges">
				<view class="vw60 f b c" style="margin-left:240rpx;" @click="gets()">
					<text class="fs32 bold">大池初级课 课程表</text>
					<image style="width:24rpx;height:28rpx;" src="../../../static/img/102.png" mode=""></image>
				</view>
				<view class="" v-if="showa == true">
					<view class="Increase-top f">
						<view class="f d senter">
							<view class="f d" style="width:190rpx;height:80rpx; line-height:80rpx;" :class="DA==0?'hei':'hui'" @click="DAs(0)">
								<text class="fs32 bold">大池</text>
							</view>
							<view class="quanxians"></view>
							<view class="f d" style="width:190rpx;height:80rpx; line-height:80rpx;" :class="DA==1?'hei':'hui'" @click="DAs(1)">
								<text class="fs32 bold">小池</text>
							</view>
							<view class="quanxians"></view>
						</view>
						<view class="f d senter" style="width:260rpx;height:80rpx;line-height:80rpx;" v-show="DA==0">
							<text>初级班</text>
							<view class="quanxiansa"></view>
							<text>提高班</text>
							<view class="quanxiansa"></view>
							<text>高级班</text>
							<view class="quanxiansa"></view>
							<text>贵族一对一</text>
							<view class="quanxiansa"></view>
							<text>贵族一对二</text>
							<view class="quanxiansa"></view>
							<text>贵族一对三</text>
							<view class="quanxiansa"></view>
							<text>公司集体课</text>
							<view class="quanxiansa"></view>
						</view>
						<view class="f d senter" style="width:260rpx;height:80rpx;line-height:80rpx;" v-show="DA==1">
							<text>贝壳级</text>
							<view class="quanxiansa"></view>
							<text>海星级</text>
							<view class="quanxiansa"></view>
							<text>水母级</text>
							<view class="quanxiansa"></view>
							<text>海马级</text>
							<view class="quanxiansa"></view>
							<text>小丑鱼级</text>
							<view class="quanxiansa"></view>
							<text>海龟级</text>
							<view class="quanxiansa"></view>
							<text>大鲨鱼级</text>
							<view class="quanxiansa"></view>
							<text>大鲨鱼级</text>
						</view>
					</view>
				</view>
			</view>
			<view class="f c" style="background:#fff;">
				<view class="All-lan senter p_t_31">
					<text class="white fs24">选择时间</text>
				</view>
				<view class="vw75 f b c mars">
					<view class="f d c" :class="DB==0?'hei':'hui'" @click="DBs(0)">
						<text class="fs32 bold">周一</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="DB==1?'hei':'hui'" @click="DBs(1)">
						<text class="fs32 bold">周二</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="DB==2?'hei':'hui'" @click="DBs(2)">
						<text class="fs32 bold">周三</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="DB==3?'hei':'hui'" @click="DBs(3)">
						<text class="fs32 bold">周四</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="DB==4?'hei':'hui'" @click="DBs(4)">
						<text class="fs32 bold">周五</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="DB==5?'hei':'hui'" @click="DBs(5)">
						<text class="fs32 bold">周六</text>
						<text class="fs20">日期</text>
					</view>
				</view>
			</view>
			<view class="f">
				<view class="curriculum-kuan ">
					<view class="senter p_t_60">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_80">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_100">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_95">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_90">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_90">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_90">
						<text class="fs24">时间</text>
					</view>
					<view class="senter p_t_90">
						<text class="fs24">时间</text>
					</view>
				</view>
				<view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-kes">
							
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-ke senter m_l_5">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
					<view class="f">
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
						<view class="curriculum-kes">
							
						</view>
						<view class="curriculum-ke senter">
							<text class="white">课程</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view v-show="DC==2">
			<view class="f c" style="background:#fff;">
				<view class="All-lan senter p_t_31">
					<text class="white fs24">选择时间</text>
				</view>
				<view class="vw75 f b c mars">
					<view class="f d c" :class="ZD==0?'hei':'hui'" @click="ZDs(0)">
						<text class="fs32 bold">周一</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="ZD==1?'hei':'hui'" @click="ZDs(1)">
						<text class="fs32 bold">周二</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="ZD==2?'hei':'hui'" @click="ZDs(2)">
						<text class="fs32 bold">周三</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="ZD==3?'hei':'hui'" @click="ZDs(3)">
						<text class="fs32 bold">周四</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="ZD==4?'hei':'hui'" @click="ZDs(4)">
						<text class="fs32 bold">周五</text>
						<text class="fs20">日期</text>
					</view>
					<view class="f d c" :class="ZD==5?'hei':'hui'" @click="ZDs(5)">
						<text class="fs32 bold">周六</text>
						<text class="fs20">日期</text>
					</view>
				</view>
			</view>
			<view class="" v-for="(item,index) in listsa" :key="index" @click="aa()">
				<view class="w90 f b">
					<view>
						<image style="width: 248rpx;height: 156rpx;" src="../../../static/img/073.png" mode=""></image>
					</view>
					<view class="vw55 f d">
						<text class="fs28 bold">课程名称课程名称课程名称</text>
						<text class="fs20 hui p_t_10">课程介绍课程介绍课程介绍课程介绍</text>
						<view class="f b p_t_40">
							<view class="">
								<text>时间时间</text>
							</view>
							<view class="information-buts">
								<view class="f b c ">
									<text style="transform:scale(0.9);">会员12人</text>
									<view class="" style="margin-top:-10rpx;">|</view>
									<text style="transform:scale(0.9);">体验12人</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view v-show="DC==3">
			<view class="" v-for="(item,index) in 8" :key="index">
				<view class="w90 f b">
					<view @click="ao()">
						<image style="width: 248rpx;height: 156rpx;" src="../../../static/img/073.png" mode=""></image>
					</view>
					<view class="vw55 f d">
						<text class="fs28 bold">课程名称课程名称课程名称</text>
						<view class="p_t_20">
							<u-rate :count="count" v-model="value"></u-rate>
							<text class="fs20 hui p_t_10">评分数</text>
						</view>
						<view class="f b p_t_10">
							<view class="">
								<text>时间时间</text>
							</view>
							<view class="">
								<text>预约总人数</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count:5,
				value: 2,
				showa: false,
				DC: 0, //  0:课程列表   1:排课    2:约课      4:评价
				DB: 0, //  周一   -    周六切换
				DA: 0, //0大池-1小池
				ZD:0,
				listsa: [{
						url: '../../../static/img/015.png',
						img:'../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					},
					{
						url: '../../../static/img/015.png'
					}
				],
 			}
		},
		onLoad() {
				// 动态导航条文字
				uni.setNavigationBarTitle({
					title: '全部课程'
				})
			},
		methods: {
			DCs(e) {
				this.DC = e
			},
			DBs(e) {
				this.DB = e
			},
			DAs(e) {
				this.DA = e
			},
			ZDs(e){
				this.ZD = e
			},
			gets() {
				this.showa = !this.showa
			},
			ao(){
				uni.navigateTo({
					url:"record/record"
				})
			},
			ao1(){
				uni.navigateTo({
					url:"record/record"
				})
			},
			a(){
				uni.navigateTo({
					url:"Course/Course"
				})
			},
			a1(){
				uni.navigateTo({
					url:"Increase/Increase"
				})
			},
			aa(){
				uni.navigateTo({
					url:"arranging/details/details"
				})
			},
		}
	}
</script>

<style>
	.warps {
		/* height:180vh; */
		overflow: hidden;
		background-color:#F6F8FC;
	}
	.quanxians{
		width: 160rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #b8d3fd;
		margin-left:20rpx;
	}
	.quanxiansa{
		width: 228rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #b8d3fd;
		margin-left:20rpx;
	}
	.f_x {
		display: flex;
	}
	.bgfc{
		width: 750rpx;
		height: 68rpx;
		line-height:68rpx;
		opacity: 1;
		background: #f3f3f3;
	}
	.col {
		color: #1F73F2;
	}
	.lan{
		border: 2rpx solid #1f73f2;
		color: #1f73f2;
	}
	.cheng{
		border: 2rpx solid #ff7105;
		color: #ff7105;
	}
	.hong{
		border: 2rpx solid #ce2424;
		color: #ce2424;
	}
	.curriculum-buta{
		width: 134rpx;
		height: 50rpx;
		line-height:50rpx;
		opacity: 1;
		background: #fcfcfc;
		border-radius: 8rpx;
	}
	.Members-biaoges{
		width: 750rpx;
		height: 76rpx;
		line-height:76rpx;
		opacity: 1;
		background: #f1f6ff;
	}
	.All-lan {
		width: 120rpx;
		height: 94rpx;
		opacity: 1;
		background: #1f73f2;
	}
	.curriculum-kuan{
		width:120rpx;
		background:#fff;
		height:1210rpx;
	}
	.curriculum-ke{
		width: 100rpx;
		height: 130rpx;
		line-height:130rpx;
		opacity: 1;
		background: linear-gradient(180deg,#b377f7, #1fa5f2);
	}
	.curriculum-kes{
		width: 100rpx;
		height: 130rpx;
		line-height:130rpx;
		opacity: 1;
		border:2rpx solid #CBCBCB;
	}
	.Increase-top{
		width: 452rpx;
		height:656rpx;
		opacity: 1;
		background:#DEE9FC;
		border-radius: 8rpx;
		position:absolute;
		top:145rpx;
		left:270rpx;
		z-index:99;
	}
	.information-buts {
		width: 228rpx;
		height: 36rpx;
		line-height: 36rpx;
		font-size: 20rpx;
		opacity: 1;
		background: #ffffff;
		border: 2rpx solid #1f73f2;
		border-radius: 18rpx 18rpx 18rpx 18rpx;
		color: #1f73f2;
	}
</style>
